<template>
  <div class="right-cpn">
    <topCpm></topCpm>
    <centerCpm></centerCpm>
    <bottomCpm></bottomCpm>
  </div>
</template>

<script>
import topCpm from './components-soup/topCpm.vue'
import centerCpm from './components-soup/centerCpm.vue'
import bottomCpm from './components-soup/bottomCpm.vue'
export default {
  data(){
    return{

    }
  },
  components:{
    topCpm,
    centerCpm,
    bottomCpm
  }
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.right-cpn{
  flex: 8;
  /* outline: 1px solid red; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}
</style>